<template>
	<div>
		<h2>{{ msg }}</h2>
		<h3>{{ name }}</h3>
		<h3>{{ sex }}</h3>
		<h3>{{ myAge }}</h3>
		<button @click="updateAge">点我尝试+1</button>
	</div>
</template>


<script>

export default {
	name: 'StudentS',
	data() {
		return {
			msg: '学生是李四',
			myAge:this.age
		}
	},
	methods: {
		updateAge(){
			this.myAge++
		}
	},
	props:['name','sex','age']  //简单声明接收

	// 接收的同时对数据进行类型限制
	// props:{
	// 	name:String,
	// 	sex:String,
	// 	age:Number
	// }

	// 接收的同时对数据进行类型限制 + 默认值的指定 + 必要性的限制
	// props:{
	// 	name:{
	// 		type:String, // name的类型
	// 		required:true // name必须要传
	// 	},
	// 	sex:{
	// 		type: String, // name的类型
	// 		required: true // name必须要传
	// 	},
	// 	age:{
	// 		type: Number,
	// 		default: 99 // 如果没有参数则 (默认值)=> 99
	// 	}
	// }
}
</script>


<style></style>